<template>
  <div class="w h flex">
    <midArea />
    <friendApplyArea v-if="this.$store.state.chackRightArea == 'friendApplyArea'" />
    <friendInfoArea v-else />
  </div>
</template>

<script>
import midArea from './midArea.vue';
import friendInfoArea from './friendInfoArea.vue';
import friendApplyArea from './friendApplyArea.vue';
export default {
  components:{
    midArea, friendInfoArea, friendApplyArea
  },
}
</script>

<style>

</style>